<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>HG Frontpage</title>
    <meta name="description" content="HG Frontpage">
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/template.css">
    <link rel="stylesheet" href="css/font-awesome.css">

</head>
<body class="page">
	<header id="hg-header" class="hg-header">
		<div class="container">
			<div class="container-inner header-wrap clearfix col-md-12">
				<div class="logo-in-theme pull-left text-center col-md-2">
					<div class="logo">
						<a href="index.html">
							<img src="images/base/logo.png" alt="logo">
						</a>
					</div>
				</div>
				<nav id="hg-mainnav" class="hg-mainnav navbar navbar-mega animate col-md-10" data-duration="400" role="navigation">
					<div class="collapse navbar-collapse">
						<ul id="main-menu" class="main-menu nav navbar-nav main_nav_menu">
							<li><a href="#">Home</a></li>
							<li><a href="#">About</a></li>
							<li><a href="#">Reservations</a></li>
							<li>
								<a href="#">Our Menu
									<b class="caret"></b>
								</a>
							</li>
							<li><a href="#">Blog</a></li>
							<li><a href="#">Contact</a></li>
						</ul>
						<div class="header-right pull-right col-md-2">
							<button class="btn btn-dark btn-fix-large">Book a table</button>
						</div>
					</div>
				</nav>
		    </div>
		</div>
	</header>
	<div id="hg-mainbody" class="hg-mainbody">
		<header class="header-mainpage white">
			<div class="header-section text-center">
				<a href="#"><h2 class="hg-title blog-title">Single blog</h2></a>
				<section class="breadcrumb">
					<a href="#">Home</a>
					<span class="delimiter"> <i class="glyphicon glyphicon-minus"></i></span>
					<span class="current">Single blog</span>
				</section>
			</div>
		</header>
		<div class="blog-content">
			<div class="container">
				<div class="row">
					<div class="col-md-9 one-col">
						<div class="clearfix">
							<article class="entry-item">
								<header>
									<a href="#" class="entry-thumb"><img src="images/product/item-large.jpg" alt=""></a>
									<p class="entry-meta clearfix">
										<span class="entry-author"><i class="fa fa-comment-o"></i>Kavindesign</span>
										<span class="entry-comment"><i class="fa fa-comment-o"></i>13</span>
									</p>
								</header>
								<div class="entry-content">
									<a href="#"><h4 class="entry-title">Donec purus libero ultrices</h4></a>
									<p>	Congue dolor vulputatedolor sociosqu hendrerit taciti torquent temporcubilia vel odio Tincidunt class pulvinar metus velit et dolor rutrum erat libero, sociosqu habitasse velit class erat vitae scelerisque pharetra quam malesuada faucibus sit sagittis lectus dictum ac non, erat mauris aliquam mollis luctus malesuada suscipit mollis, himenaeos dapibus potenti nisi justo erat arcu diam eros ante molestie pulvinar porta et ultricies adipiscing, tellus curabitur consequat auctor ac dui morbi magna, vestibulum lobortis est euismod vitae aenean orci.</p>

									<p>Turpis suspendisse torquent egestas eu rhoncus eleifend tortor, quisque nunc est pellentesque fames augue, praesent netus tellus erat nam aenean.</p>

									<p>Rhoncus ullamcorper massa netus dictumst rhoncus vehicula ultrices magna augue egestas aliquam suspendisse.</p>
								</div>
								<footer class="entry-footer">
									<a href="#" class="readmore" title=""> Read More</a>
								</footer>
							</article>
							<article class="entry-item">
								<header>
									<a href="#" class="entry-thumb"><img src="images/product/item-large.jpg" alt=""></a>
									<p class="entry-meta clearfix">
										<span class="entry-author"><i class="fa fa-comment-o"></i>Kavindesign</span>
										<span class="entry-comment"><i class="fa fa-comment-o"></i>13</span>
									</p>
								</header>
								<div class="entry-content">
									<a href="#"><h4 class="entry-title">Donec purus libero ultrices</h4></a>
									<p>	Congue dolor vulputatedolor sociosqu hendrerit taciti torquent temporcubilia vel odio Tincidunt class pulvinar metus velit et dolor rutrum erat libero, sociosqu habitasse velit class erat vitae scelerisque pharetra quam malesuada faucibus sit sagittis lectus dictum ac non, erat mauris aliquam mollis luctus malesuada suscipit mollis, himenaeos dapibus potenti nisi justo erat arcu diam eros ante molestie pulvinar porta et ultricies adipiscing, tellus curabitur consequat auctor ac dui morbi magna, vestibulum lobortis est euismod vitae aenean orci.</p>

									<p>Turpis suspendisse torquent egestas eu rhoncus eleifend tortor, quisque nunc est pellentesque fames augue, praesent netus tellus erat nam aenean.</p>

									<p>Rhoncus ullamcorper massa netus dictumst rhoncus vehicula ultrices magna augue egestas aliquam suspendisse.</p>
								</div>
								<footer class="entry-footer">
									<a href="#" class="readmore" title=""> Read More</a>
								</footer>
							</article>
							<article class="entry-item">
								<header>
									<a href="#" class="entry-thumb"><img src="images/product/item-large.jpg" alt=""></a>
									<p class="entry-meta clearfix">
										<span class="entry-author"><i class="fa fa-comment-o"></i>Kavindesign</span>
										<span class="entry-comment"><i class="fa fa-comment-o"></i>13</span>
									</p>
								</header>
								<div class="entry-content">
									<a href="#"><h4 class="entry-title">Donec purus libero ultrices</h4></a>
									<p>	Congue dolor vulputatedolor sociosqu hendrerit taciti torquent temporcubilia vel odio Tincidunt class pulvinar metus velit et dolor rutrum erat libero, sociosqu habitasse velit class erat vitae scelerisque pharetra quam malesuada faucibus sit sagittis lectus dictum ac non, erat mauris aliquam mollis luctus malesuada suscipit mollis, himenaeos dapibus potenti nisi justo erat arcu diam eros ante molestie pulvinar porta et ultricies adipiscing, tellus curabitur consequat auctor ac dui morbi magna, vestibulum lobortis est euismod vitae aenean orci.</p>

									<p>Turpis suspendisse torquent egestas eu rhoncus eleifend tortor, quisque nunc est pellentesque fames augue, praesent netus tellus erat nam aenean.</p>

									<p>Rhoncus ullamcorper massa netus dictumst rhoncus vehicula ultrices magna augue egestas aliquam suspendisse.</p>
								</div>
								<footer class="entry-footer">
									<a href="#" class="readmore" title=""> Read More</a>
								</footer>
							</article>
							<article class="entry-item">
								<header>
									<a href="#" class="entry-thumb"><img src="images/product/item-large.jpg" alt=""></a>
									<p class="entry-meta clearfix">
										<span class="entry-author"><i class="fa fa-comment-o"></i>Kavindesign</span>
										<span class="entry-comment"><i class="fa fa-comment-o"></i>13</span>
									</p>
								</header>
								<div class="entry-content">
									<a href="#"><h4 class="entry-title">Donec purus libero ultrices</h4></a>
									<p>	Congue dolor vulputatedolor sociosqu hendrerit taciti torquent temporcubilia vel odio Tincidunt class pulvinar metus velit et dolor rutrum erat libero, sociosqu habitasse velit class erat vitae scelerisque pharetra quam malesuada faucibus sit sagittis lectus dictum ac non, erat mauris aliquam mollis luctus malesuada suscipit mollis, himenaeos dapibus potenti nisi justo erat arcu diam eros ante molestie pulvinar porta et ultricies adipiscing, tellus curabitur consequat auctor ac dui morbi magna, vestibulum lobortis est euismod vitae aenean orci.</p>

									<p>Turpis suspendisse torquent egestas eu rhoncus eleifend tortor, quisque nunc est pellentesque fames augue, praesent netus tellus erat nam aenean.</p>

									<p>Rhoncus ullamcorper massa netus dictumst rhoncus vehicula ultrices magna augue egestas aliquam suspendisse.</p>
								</div>
								<footer class="entry-footer">
									<a href="#" class="readmore" title=""> Read More</a>
								</footer>
							</article>
						</div>
						<ul class="pagination clearfix ">
							<li>
								<a class="prev page-numbers" href="#"><i class="fa fa-angle-left"></i>
								</a>
							</li>
							<li>
								<span class="page-numbers current">1</span>
							</li>
							<li>
								<a class="page-numbers" href="#">2</a>
							</li>
							<li>
								<a class="next page-numbers" href="#"><i class="fa fa-angle-right"></i>
								</a>
							</li>
						</ul>
					</div>
					<div class="col-md-3 hg-sidebar">
						<div class="widget widget-search">
							<div class="widget-content">
								<form action="" class="searchform" method="get" role="search">
								<div class="hg-search input-group">
									<input type="text" placeholder="Search something" class="form-control input-large input-search" maxlength="40" name="s">
									<span class="input-group-addon input-large btn-search">
										<input type="submit" value="&#xf002;" class="fa">
									</span>
								</div>
							</div>
						</div>
						<div class="widget widget-post">
							<h3 class="widget-title"><span>Latest Post</span></h3>
							<div class="widget-content list-article">
								<article class="entry-item clearfix">
									<figure class="entry-thumb zoom-2">
										<img src="images/product/thumb-widget.jpg" alt="">
									</figure>
									<div class="entry-content">
										<a href="#"><h6 class="entry-title">Congue dolor vulputatedolor sociosqu hendrerit </h6></a>
										<span class="entry-comment"><i class="fa fa-comment-o"></i>13</span>
									</div>
								</article>
								<article class="entry-item clearfix">
									<figure class="entry-thumb zoom-2">
										<img src="images/product/thumb-widget.jpg" alt="">
									</figure>
									<div class="entry-content">
										<a href="#"><h6 class="entry-title">Congue dolor vulputatedolor sociosqu hendrerit </h6></a>
										<span class="entry-comment"><i class="fa fa-comment-o"></i>13</span>
									</div>
								</article>
								<article class="entry-item clearfix">
									<figure class="entry-thumb zoom-2">
										<img src="images/product/thumb-widget.jpg" alt="">
									</figure>
									<div class="entry-content">
										<a href="#"><h6 class="entry-title">Congue dolor vulputatedolor sociosqu hendrerit </h6></a>
										<span class="entry-comment"><i class="fa fa-comment-o"></i>13</span>
									</div>
								</article>
								<article class="entry-item clearfix">
									<figure class="entry-thumb zoom-2">
										<img src="images/product/thumb-widget.jpg" alt="">
									</figure>
									<div class="entry-content">
										<a href="#"><h6 class="entry-title">Congue dolor vulputatedolor sociosqu hendrerit </h6></a>
										<span class="entry-comment"><i class="fa fa-comment-o"></i>13</span>
									</div>
								</article>
								<article class="entry-item clearfix">
									<figure class="entry-thumb zoom-2">
										<img src="images/product/thumb-widget.jpg" alt="">
									</figure>
									<div class="entry-content">
										<a href="#"><h6 class="entry-title">Congue dolor vulputatedolor sociosqu hendrerit </h6></a>
										<span class="entry-comment"><i class="fa fa-comment-o"></i>13</span>
									</div>
								</article>
							</div>
						</div>
						<div class="widget widget-tweets">
							<h3 class="widget-title"><span>Popular Tweets</span></h3>
							<div class="widget-content">
								<div class="widget-twitter-content media-body">Have you ever searched something perfect for your online shopping. Do not missing that #template for #wordpress site <a href="http://t.co/vZJeTVWPgT">http://t.co/vZJeTVWPgT</a></div>
								<div class="widget-twitter-content media-body">Have you ever searched something perfect for your online shopping. Do not missing that #template for #wordpress site <a href="http://t.co/vZJeTVWPgT">http://t.co/vZJeTVWPgT</a></div>
								<div class="widget-twitter-content media-body">Have you ever searched something perfect for your online shopping. Do not missing that #template for #wordpress site <a href="http://t.co/vZJeTVWPgT">http://t.co/vZJeTVWPgT</a></div>
							</div>
						</div>
						<div class="widget widget-tag">
							<h3 class="widget-title"><span>Tags</span></h3>
							<div class="widget-content tagcloud">
								<a href="#" class="btn btn-tag">dinner</a>
								<a href="#" class="btn btn-tag">Egg</a>
								<a href="#" class="btn btn-tag">lunch</a>
								<a href="#" class="btn btn-tag">office party</a>
								<a href="#" class="btn btn-tag">breakfast</a>
								<a href="#" class="btn btn-tag">food</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<aside id="hg-aside" class="hg-aside">
		<div class="container">
			<div class="row">
				<div class="col-aside col-md-2">
					<h3 class="widget-title"><span>About</span></h3>
					<div class="widget-content">
						<ul>
							<li><a href="#">About</a></li>
							<li><a href="#">Careers</a></li>
							<li><a href="#">Newsroom</a></li>
							<li><a href="#">Site map</a></li>
						</ul>
					</div>
				</div>
				<div class="col-aside col-md-2">
					<h3 class="widget-title"><span>Partner</span></h3>
					<div class="widget-content">
						<ul>
							<li><a href="#">Become a Partner </a></li>
							<li><a href="#">Advertise With Us</a></li>
							<li><a href="#">Affiliate Program</a></li>
							<li><a href="#">Travel Agents</a></li>
							<li><a href="#">Coporate Wellness</a></li>
						</ul>
					</div>
				</div>
				<div class="col-aside col-md-4">
					<p class="text-center img-footer"><img src="images/base/logo-footer.png" alt=""></p>
					<div class="widget-content">
						<div class="content-about text-center">
							<span>33 Farlane Street  Keilor East VIC 3033 Australia</span>
							<span>Tel: (+0) 123 456 789 - Fax: (+0) 123 456 789</span>                
							<a href="">Email: hgrestaurant@mail.com</a>
						</div>
						<div class="social text-center">
							<a href="#"><i class="fa fa-facebook"> </i></a>
							<a href="#"><i class="fa fa-twitter"> </i></a>
							<a href="#"><i class="fa fa-youtube"> </i></a>
							<a href="#"><i class="fa fa-pinterest"> </i></a>
							<a href="#"><i class="fa fa-google-plus"> </i></a>
						</div>
					</div>
				</div>
				<div class="col-aside col-md-2">
					<h3 class="widget-title"><span>Help</span></h3>
					<div class="widget-content">
						<ul>
							<li><a href="#">Gift Card FAQs</a></li>
							<li><a href="#">Customer Service</a></li>
							<li><a href="#">Contact Us</a></li>
							<li><a href="#">Legal Notices</a></li>
							<li><a href="#">Give us website</a></li>
							<li><a href="#">Feedback</a></li>
						</ul>
					</div>
				</div>
				<div class="col-aside col-md-2">
					<h3 class="widget-title"><span>Resources</span></h3>
					<div class="widget-content">
						<ul>
							<li><a href="#">Spa Trends Report</a></li>
							<li><a href="#">Readers Choice </a></li>
							<li><a href="#">Award</a></li>  
						</ul>
					</div>
				</div>
			</div>
		</div>
	</aside>
	<footer id="hg-footer" class="hg-footer">
		<div class="container">
			<div class="row">
				<div class="menu-footer pull-left">
					<ul>
						<li><a href="#">Home</a></li>
						<li><a href="#">About</a></li>
						<li><a href="#">Reservations</a></li>
						<li><a href="#">Our Menu</a></li>
						<li><a href="#">Blog</a></li>
						<li><a href="#">Contact</a></li>
					</ul>
				</div>
				<div class="copyright pull-right">
					<p>© 2014 HG - <a href="#"> Restaurant</a> - All rights reserved.</p>
				</div>
			</div>
		</div>
	</footer>
</body>
	<script src="js/jquery-1.10.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/main.js"></script>
</html>